<form nz-form [formGroup]="validateForm" class="login-form">
  <nz-form-item>
    <nz-form-label [nzSm]="3" [nzXs]="24" nzRequired nzFor="username">用户名</nz-form-label>
    <nz-form-control nzErrorTip="请输入用户名">
      <nz-input-group>
        <input nz-input [disabled]="true" formControlName="username" placeholder="请输入用户名"/>
      </nz-input-group>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="3" [nzXs]="24" nzRequired nzFor="password">密码</nz-form-label>
    <nz-form-control nzErrorTip="请输入密码">
      <nz-input-group>
        <input nz-input type="password" [disabled]="true" formControlName="password" placeholder="请输入密码"/>
      </nz-input-group>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="3" [nzXs]="24" nzRequired nzFor="realName">姓名</nz-form-label>
    <nz-form-control nzErrorTip="请输入姓名">
      <nz-input-group>
        <input nz-input [disabled]="true" formControlName="realName" placeholder="请输入姓名"/>
      </nz-input-group>
    </nz-form-control>
  </nz-form-item>

  <nz-form-item>
    <nz-form-label [nzSm]="3" [nzXs]="24" nzRequired nzFor="email">年龄</nz-form-label>
    <nz-form-control nzErrorTip="请输入年龄">
      <nz-input-number [nzStep]="1" [nzMax]="130" [nzMin]="0"
                       nzPlaceHolder='请输入年龄'
                       formControlName="age"
                       style="width: 100%"/>
    </nz-form-control>
  </nz-form-item>
  <nz-form-item>
    <nz-form-label [nzSm]="3" [nzXs]="24" nzRequired nzFor="email">地址</nz-form-label>
    <nz-form-control nzErrorTip="请输入地址">
      <textarea nz-input rows="4" formControlName="address" placeholder="请输入地址"></textarea>
    </nz-form-control>
  </nz-form-item>
    <div nz-row nzJustify="end" nzGutter="8">
      <div nz-col>
        <button nz-button (click)="handleCancel()">取消</button>
      </div>
      <div nz-col>
        <button nz-button nzType="primary" (click)="handleOk()">确认</button>
      </div>
    </div>
</form>
